<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dream</title>
	<!-- Bootstrap Styles-->
    <link href="../../static/assets/css/bootstrap.css" th:href="@{assets/css/bootstrap.css}" rel="stylesheet" />
     <!-- FontAwesome Styles-->
    <link href="../../static/assets/css/font-awesome.css" th:href="@{assets/css/font-awesome.css}" rel="stylesheet" />
     <!-- Morris Chart Styles-->
    <link href="../../static/assets/js/morris/morris-0.4.3.min.css" th:href="@{assets/js/morris/morris-0.4.3.min.css}" rel="stylesheet" />
        <!-- Custom Styles-->
    <link href="../../static/assets/css/custom-styles.css" th:href="@{assets/css/custom-styles.css}" rel="stylesheet" />
    <!-- TABLE STYLES-->
    <link href="../../static/assets/js/dataTables/dataTables.bootstrap.css" th:href="@{assets/js/dataTables/dataTables.bootstrap.css}" rel="stylesheet" />
     <!-- Google Fonts-->
   <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="admin_index">飘得快后台管理</a>
            </div>

            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-messages">
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Doe</strong>
                                    <span class="pull-right text-muted">
                                        <em>Today</em>
                                    </span>
                                </div>
                                <div>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Smith</strong>
                                    <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                                </div>
                                <div>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Smith</strong>
                                    <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                                </div>
                                <div>Lorem Ipsum has been the industry's standard dummy text ever since the...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>Read All Messages</strong>
                                <i class="fa fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- /.dropdown-messages -->
                </li>
                <!-- /.dropdown -->
                <li class="dropdown" style="margin-right: 20px;">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
                        </li>
                        <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
            </ul>
        </nav>
        <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <a href="admin_index"><i class="fa fa-fw fa-user"></i> 用户管理员</a>
                    </li>
                    <li>
                        <a id="dianji"><i class="fa fa-users"></i> 用户管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level" style="height: auto;">
                            <li>
                                <a href="userInfo">用户信息</a>
                            </li>
                            <li>
                                <a href="integralList">积分</a>
                            </li>                     
                            <li>
                                <a href="couponList">优惠券</a>
                            </li>
                            <li>
                                <a href="bankCard">银行卡</a>
                            </li>
                            <li>
                                <a href="safety">安全状况</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-shopping-cart"></i> 订单管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="successOrder">历史完成订单</a>
                            </li>
                            <li>
                                <a href="effectiveFlight">航班未出发订单</a>
                            </li>                     
                            <li>
                                <a href="invalidOrder">无效订单</a>
                            </li>               
                        </ul>
                    </li>
					<li>
                        <a href="#" class="active-menu"><i class="fa fa-edit"></i> 财务管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse in">
                            <li class="active-menu">
                                <a href="orderIncome">订单收入</a>
                            </li>
                            <li>
                                <a href="cash_back">返现支出</a>
                            </li>          
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-envelope"></i> 信息管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="inform">通知用户</a>
                            </li>                     
                            <li>
                                <a href="message">接收用户信息</a>
                            </li>    
                            <li>
                                <a href="evaluate">航班评价信息</a>
                            </li>           
                        </ul>
                    </li>
                    
                </ul>

            </div>

        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper">
            <div id="page-inner">


                <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-header">
                                订单收入 <small></small>
                        </h1>
                    </div>
                </div>


                <!-- /. ROW  -->
                <div class="row" style="display: none;"> 
                    <div class="col-md-6 col-sm-12 col-xs-12">                     
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                Bar Chart
                            </div>
                            <div class="panel-body">
                                <div id="morris-bar-chart"></div>
                            </div>
                        </div>            
                    </div>
                    <div class="col-md-6 col-sm-12 col-xs-12">                     
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                Area Chart
                            </div>
                            <div class="panel-body">
                                <div id="morris-area-chart"></div>
                            </div>
                        </div>            
                    </div>       
                </div>


                <!-- /. ROW  -->
                <div class="row">                     
                    <div class="col-md-12 col-sm-12 col-xs-12">                     
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                收入趋势表(单位/万)
                            </div>
                            <div class="panel-body">
                                <div id="morris-line-chart"></div>
                            </div>
                        </div>            
                    </div>
                    <div class="col-md-6 col-sm-12 col-xs-12" style="display: none;">                     
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                Line Chart
                            </div>
                            <div class="panel-body">                            
                                <div id="morris-donut-chart"></div>
                            </div>
                        </div>            
                    </div>                   
               </div>



                <!-- /. ROW  -->

                <div class="row">
                    <div class="col-md-12">
                        <!-- Advanced Tables -->
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                 订单收入明细表
                            </div>
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                        <thead>
                                            <tr>              
                                                <th>订单号</th>
                                                <th>账号</th>
                                                <th>收入时间</th>
                                                <th>原价</th>
                                                <th>折后价</th>
                                                <th>机建费</th>
                                                <th>燃油费</th>
                                                <th>总收入</th>                                                              
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr class="odd gradeX">                                             
                                                <td class="center">882345678abc</td>
                                                <td class="center">13052476852</td>
                                                <td class="center">2019-11-14 10:30</td>
                                                <td class="center">￥1200</td>
                                                <td class="center">￥980</td>
                                                <td class="center">￥50</td>
                                                <td class="center">￥0</td>
                                                <td class="center">￥2230</td>
                                                <td class="center">                                             
                                                    <a href="#" class="btn btn-danger btn-sm">删除</a>                                              
                                                </td>
                                            </tr>
                                            <tr class="odd gradeX">                                             
                                                <td class="center">882345678abc</td>
                                                <td class="center">13052476852</td>
                                                <td class="center">2019-11-14 10:30</td>
                                                <td class="center">￥1200</td>
                                                <td class="center">￥980</td>
                                                <td class="center">￥50</td>
                                                <td class="center">￥0</td>
                                                <td class="center">￥2230</td>
                                                <td class="center">                                             
                                                    <a href="#" class="btn btn-danger btn-sm">删除</a>                                              
                                                </td>
                                            </tr>
                                            <tr class="odd gradeX">                                             
                                                <td class="center">882345678abc</td>
                                                <td class="center">13052476852</td>
                                                <td class="center">2019-11-14 10:30</td>
                                                <td class="center">￥1200</td>
                                                <td class="center">￥980</td>
                                                <td class="center">￥50</td>
                                                <td class="center">￥30</td>
                                                <td class="center">￥2260</td>
                                                <td class="center">                                             
                                                    <a href="#" class="btn btn-danger btn-sm">删除</a>                                              
                                                </td>
                                            </tr>
                                            <tr class="odd gradeX">                                             
                                                <td class="center">882345678abc</td>
                                                <td class="center">13052476852</td>
                                                <td class="center">2019-11-14 10:30</td>
                                                <td class="center">￥1200</td>
                                                <td class="center">￥980</td>
                                                <td class="center">￥50</td>
                                                <td class="center">￥30</td>
                                                <td class="center">￥2260</td>
                                                <td class="center">                                             
                                                    <a href="#" class="btn btn-danger btn-sm">删除</a>                                              
                                                </td>
                                            </tr>
                                            <tr class="odd gradeX">                                             
                                                <td class="center">882345678abc</td>
                                                <td class="center">13052476852</td>
                                                <td class="center">2019-11-14 10:30</td>
                                                <td class="center">￥1200</td>
                                                <td class="center">￥980</td>
                                                <td class="center">￥50</td>
                                                <td class="center">￥0</td>
                                                <td class="center">￥2230</td>
                                                <td class="center">                                             
                                                    <a href="#" class="btn btn-danger btn-sm">删除</a>                                              
                                                </td>
                                            </tr>
                                            <tr class="odd gradeX">                                             
                                                <td class="center">882345678abc</td>
                                                <td class="center">13052476852</td>
                                                <td class="center">2019-11-14 10:30</td>
                                                <td class="center">￥1200</td>
                                                <td class="center">￥980</td>
                                                <td class="center">￥50</td>
                                                <td class="center">￥30</td>
                                                <td class="center">￥2260</td>
                                                <td class="center">                                             
                                                    <a href="#" class="btn btn-danger btn-sm">删除</a>                                              
                                                </td>
                                            </tr>

                                        </tbody>
                                    </table>
                                </div>
                                
                            </div>
                        </div>
                        <!--End Advanced Tables -->
                    </div>
                </div>

                
            </div>
            <!-- /. PAGE INNER  -->
        </div>
        <!-- /. PAGE WRAPPER  -->
    </div>

   
    <!-- /. WRAPPER  -->
     <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="../../static/assets/js/jquery-1.10.2.js" th:src="@{assets/js/jquery-1.10.2.js}"></script>
      <!-- Bootstrap Js -->
    <script src="../../static/assets/js/bootstrap.min.js" th:src="@{assets/js/bootstrap.min.js}"></script>
    <!-- Metis Menu Js -->
    <script src="../../static/assets/js/jquery.metisMenu.js" th:src="@{assets/js/jquery.metisMenu.js}"></script>
     <!-- Morris Chart Js -->
     <script src="../../static/assets/js/morris/raphael-2.1.0.min.js" th:src="@{assets/js/morris/raphael-2.1.0.min.js}"></script>
    <script src="../../static/assets/js/morris/morris.js" th:src="@{assets/js/morris/morris.js}"></script>
    <!-- DATA TABLE SCRIPTS -->
    <script src="../../static/assets/js/dataTables/jquery.dataTables.js" th:src="@{assets/js/dataTables/jquery.dataTables.js}"></script>
    <script src="../../static/assets/js/dataTables/dataTables.bootstrap.js" th:src="@{assets/js/dataTables/dataTables.bootstrap.js}"></script>
        <script>
            $(document).ready(function () {
                $('#dataTables-example').dataTable();
            });
    </script>
    <!-- Custom Js -->
    <script src="../../static/assets/js/custom-scripts.js" th:src="@{assets/js/custom-scripts.js}"></script>



</body>

</html>